<template>
  <div class="app-container ">
    <el-tabs v-model="activeName">
      <el-tab-pane label="我的" name="first">
        <Receipt_form_compact></Receipt_form_compact>
      </el-tab-pane>
      <el-tab-pane label="待办" name="second">
        <ToDoTask v-if="activeName=='second'" businessType="materialRepairApplication"></ToDoTask>
      </el-tab-pane>
      <el-tab-pane label="已办" name="third">
        <DoneTask v-if="activeName=='third'" businessType="materialRepairApplication"></DoneTask>
      </el-tab-pane>
      <el-tab-pane label="办结" name="fourth">
        <FinishedFlow v-if="activeName=='fourth'" businessType="materialRepairApplication"></FinishedFlow>
      </el-tab-pane>
      <el-tab-pane label="抄送" name="fifth">
        <CopyToFlow v-if="activeName=='fifth'" businessType="materialRepairApplication"></CopyToFlow>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import Receipt_form_compact from "./index_compact.vue";
  import ToDoTask from "@/views/labdata/flowTask/todo_task.vue";
  import DoneTask from "@/views/labdata/flowTask/done_task.vue";
  import FinishedFlow from "@/views/labdata/flowInstance/finished_flow.vue";
  import CopyToFlow from "@/views/labdata/flowInstance/copyto_flow.vue";
  export default {
    name: "ReceiptFormWorkflow",
    components: {
      Receipt_form_compact,
      ToDoTask,
      DoneTask,
      FinishedFlow,
      CopyToFlow
    },
    data() {
      return {
        activeName: 'first',
        // 表单参数
        form: {},
        // 表单校验
        rules: {},
      };
    },
    created() {

    },
    methods: {}
  };
</script>
